<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="" />
<meta name="author" content="ChongMing" />
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="full-screen" content="yes">
<meta name="screen-orientation" content="portrait">
<meta name="x5-fullscreen" content="true">
<meta name="360-fullscreen" content="true">
<title>患癌有明综合医院</title>
</head>
<link href="../css/reset.min.css" rel="stylesheet" type="text/css" />
<link href="../css/examination/layout.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../css/ekang.css"/>
<script src="../js/jquery.min.js"></script>
<script src="../js/jquery.mobile-1.4.3.js"></script>
<script src="../js/main.js"></script>
<script src="../js/ekang.js"></script>
<script>
    $(function(){
        $('.hospitalinfor .banner').on('touchmove', function (event) {
            event.preventDefault();
        });
        var w_w = $(window).width();
        var img_L = $('.hospitalinfor .banner .win img').length
        //banner切换
        $('.hospitalinfor .banner').width(w_w);
        $('.hospitalinfor .banner .win').width(w_w*img_L);
        $('.hospitalinfor .banner .win img').width(w_w);
        var img_w = $('.hospitalinfor .banner .win img').width();
        $('.hospitalinfor .banner .num .num_r').html(img_L);
        $('.hospitalinfor .banner').height(img_w/639*279)
        var index = 0
        setInterval(function(){
            if(index<img_L-1){
                index++
                $('.hospitalinfor .banner .num .num_l').html(index+1)
                $('.hospitalinfor .banner .win').animate({'left':-index*w_w},1000)
            }else{
                index=0
                $('.hospitalinfor .banner .num .num_l').html(index+1)
                $('.hospitalinfor .banner .win').animate({'left':-index*w_w},1000)
            }
        },5000)
        $('.hospitalinfor .banner .num .num_l').html(index+1)
        $('.hospitalinfor .banner').swipeleft(function(){
            if(index<img_L-1){
                index++
                $('.hospitalinfor .banner .num .num_l').html(index+1)
                $('.hospitalinfor .banner .win').animate({'left':-index*w_w},1000)
            }else{
                index=0
                $('.hospitalinfor .banner .num .num_l').html(index+1)
                $('.hospitalinfor .banner .win').animate({'left':-index*w_w},1000)
            }
        });
        $('.hospitalinfor .banner').swiperight(function(){
            if(index>0){
                index--
                $('.hospitalinfor .banner .num .num_l').html(index+1)
                $('.hospitalinfor .banner .win').animate({'left':-index*w_w},1000)
            }else{
                index=img_L-1
                $('.hospitalinfor .banner .num .num_l').html(index+1)
                $('.hospitalinfor .banner .win').animate({'left':-index*w_w},1000)
            }
        });
        //tab切换
        $('.hospitalinfor .tab .bottom .tab_bot').eq(0).show();
        $('.hospitalinfor .tab .top ul li').click(function(){
            var index2 = $(this).index()
            $(this).addClass('hover').siblings().removeClass('hover')
            $(this).find('div').show().addClass('hover').parent().siblings().find('div').hide().removeClass('hover')
            $('.hospitalinfor .tab .bottom .tab_bot').eq(index2).fadeIn().siblings().fadeOut()
        });

    });
</script>
<body style=" width: 100%; overflow-x: hidden; font-family: '微软雅黑">
<!--// 导航条-->
<div style="width: 100%;height: 45px;background-color: #38a16d;position: fixed;z-index: 10000">
    <h1 class="nav-title" style="font-size: 18px;">患癌有明综合医院</h1>
    <img src="../img/BackIcon.png" alt="返回" class="nav-backImg" id="back"/>
</div>
<div class="hospitalinfor" style=" padding-top: 45px;">
    <div class="banner">
        <div class="win">
            <img src="../img/ban_03.jpg">
            <img src="../img/ban_03.jpg">
            <img src="../img/ban_03.jpg">
            <img src="../img/ban_03.jpg">
            <img src="../img/ban_03.jpg">
        </div>
        <div class="num">
            <p class="num_l">1</p>
            <p class="num_g">/</p>
            <p class="num_r">1</p>
        </div>
    </div>
    <div class="tab">
        <div class="top">
            <ul>
                <li class="hover"><p>机构介绍</p><div style=" display: block" class="bot_bor hover"></div></li>
                <li><p>机构特色</p><div class="bot_bor"></div></li>
                <li><p>体检亮点</p><div class="bot_bor"></div></li>
            </ul>
        </div>
        <div style=" width: 100%; height: 20px; background: #f2f2f2;"></div>
        <div class="bottom">
            <div class="tab_bot one">
                <div class="content">
                    <div class="left"></div>
                    <div class="right">该医院自+B40:N43年作为日本第一家癌症专科医院开设以来一直是癌症治疗领域的先驱者，贯彻“以癌症为核心医疗”的理念，目前已成为拥有700个病床的现代大型医院。</div>
                </div>
                <div class="content">
                    <div class="left"></div>
                    <div class="right">手术件数排名：（2014年.数据来源为读卖新闻医疗部出具的手术件数排名）<br>胃癌日本全国第一
                        <br>大肠癌日本全国第一
                        <br>乳癌日本全国第一
                        <br>前列腺癌日本全国第二
                        <br>肝癌日本全国第二
                        <br>肺癌日本全国第五。</div>
                </div>
                <div class="content">
                    <div class="left"></div>
                    <div class="right">该院不单单只重视针对疾病的治疗治愈，而是从“整体”的角度去把握患者的身体健康。例如为了尽可能减少手术切除部分而热衷于开发“身体机能保存手术”。胃上部有一部分能够分泌生长素，生长素是一种与味觉和食欲息息相关的激素，在胃切除手术中，即时只留下很小的一部分，与全部切除相比，手术后的饮食生活也是天差地别的。与“人体机能”相关的研究目前在世界范围内都有所开展。</div>
                </div>
            </div>
            <div class="tab_bot two">
                <div class="content">
                    <div class="left"></div>
                    <div class="right">该医院自+B40:N43年作为日本第一家癌症专科医院开设以来一直是癌症治疗领域的先驱者，贯彻“以癌症为核心医疗”的理念，目前已成为拥有700个病床的现代大型医院。</div>
                </div>
                <div class="content">
                    <div class="left"></div>
                    <div class="right">手术件数排名：（2014年.数据来源为读卖新闻医疗部出具的手术件数排名）<br>胃癌日本全国第一
                        <br>大肠癌日本全国第一
                        <br>乳癌日本全国第一
                        <br>前列腺癌日本全国第二
                        <br>肝癌日本全国第二
                        <br>肺癌日本全国第五。</div>
                </div>
                <div class="content">
                    <div class="left"></div>
                    <div class="right">该院不单单只重视针对疾病的治疗治愈，而是从“整体”的角度去把握患者的身体健康。例如为了尽可能减少手术切除部分而热衷于开发“身体机能保存手术”。胃上部有一部分能够分泌生长素，生长素是一种与味觉和食欲息息相关的激素，在胃切除手术中，即时只留下很小的一部分，与全部切除相比，手术后的饮食生活也是天差地别的。与“人体机能”相关的研究目前在世界范围内都有所开展。</div>
                </div>
            </div>
            <div class="tab_bot three">
                <div class="content">
                    <div class="left"></div>
                    <div class="right">【权威健检】：日本排名第一的癌症治疗中心权威癌症早筛健康体检，先进的设备以及经验丰富的医师守护您的健康；</div>
                </div>
                <div class="content">
                    <div class="left"></div>
                    <div class="right">【贴身服务】：体检两日由随行翻译陪同，让您感受无微不至的服务，帮您与医师进行无障碍的交流，并根据您的要求提供专属化的服务；</div>
                </div>
                <div class="content" style=" margin-bottom: 20%;">
                    <div class="left"></div>
                    <div class="right">【专属体检】：完全预约制的体检服务，健检流程内的专科医生将安排出充裕的时间，在体检过程中无须担心拥挤的环境和长时间的等待；医师在检查的过程中都会与您充分的沟通，了解清楚您的健康状况及需求；</div>
                </div>
            </div>
        </div>
    </div>
    <div class="bot_submit">
        <button>立即预约</button>
    </div>
</div>
</body>
</html>
